.vip-wrapper {
		.custom-navbar {
			height: var(--height);
			width: 100%;
			background-image: linear-gradient(91deg, #89D8FA 0%, #D7F065 100%);
		}

		.header-wrap {
			height: 340rpx;
			width: 100%;
			padding: 90rpx 32rpx 0;
			box-sizing: border-box;
			position: relative;


			.fixed-header-inner {
				z-index: 2;
				position: absolute;
				left: 32rpx;
				right: 32rpx;
				top: calc(90rpx + var(--height));

				.userinfo-wrap {
					display: flex;
					.vip-wrap{
						.vip-image{
							width: 220rpx;
							height: 90rpx;
						}
					}

					.info-header-wrap {
						margin-left: 16rpx;
						padding: 8rpx 0;

						.user-id {
							margin-top: 8rpx;
							height: 40rpx;
							font-size: 24rpx;
							color: rgba(0, 0, 0, 0.4);
							line-height: 40rpx;
						}

						.top-wrap {
							display: flex;
							align-items: center;

							.username {
								height: 48rpx;
								font-size: 32rpx;
								font-weight: bold;
								color: rgba(0, 0, 0, 0.9);
								line-height: 48rpx;
								margin-right: 16rpx;
							}

							.edit-btn {
								display: flex;
								align-items: center;
								padding: 8rpx 14rpx;
								border-radius: 84rpx 84rpx 84rpx 84rpx;
								border: 1rpx solid rgba(0, 0, 0, 0.9);
								justify-content: center;

								.edit-icon {
									width: 24rpx;
									height: 24rpx;
								}

								.edit-title {
									font-size: 16rpx;
									color: rgba(0, 0, 0, 0.9);
									margin-left: 8rpx;
								}
							}
						}
					}

					.avatar-wrap {
						width: 112rpx;
						height: 112rpx;
					}
				}

				.account-wrap {
					display: flex;
					align-items: center;
					justify-content: space-between;
					height: 132rpx;
					background: linear-gradient(90deg, #2E365B 0%, #677092 100%);
					border-radius: 16rpx 16rpx 16rpx 16rpx;
					margin-top: 42rpx;
					padding: 18rpx 48rpx;
					box-sizing: border-box;

					.account-left {
						.account-value {
							height: 64rpx;
							font-size: 48rpx;
							color: #FFFFFF;
							font-weight: bold;
							line-height: 64rpx;
						}

						.account-count {
							display: flex;
							align-items: center;

							.account-icon {
								width: 32rpx;
								height: 32rpx;
							}

							.account-label {
								height: 32rpx;
								font-size: 20rpx;
								color: #FFFFFF;
								margin-left: 4rpx;
								line-height: 32rpx;
							}
						}
					}

					.sign-in-btn {
						width: 148rpx;
						height: 56rpx;
						background: #FFFFFF;
						border-radius: 100rpx 100rpx 100rpx 100rpx;
						overflow: hidden;
						display: flex;
						align-items: center;
						justify-content: center;
						flex-flow: row nowrap;
						font-size: 20rpx;
						color: #30385D;
					}
				}
			}
		}
		
	}